'use client'

import { Button } from 'antd'
import { UserOutlined } from '@ant-design/icons'
import Image from 'next/image'
import iconSrc from '@/public/img/icon.png'

export default function Header () {
    return (
        <div className="w-full flex items-center p-5 mb-3 bg-white text-[#656b6b]">
            <div>
                <picture>
                    <Image
                        width={36}
                        height={36}
                        src={iconSrc} 
                        alt="ICON"
                    />
                </picture>
            </div>
            <div className="ml-2">
                <span className="text-2xl">矛盾纠纷知识图谱平台</span>
            </div>
            <div className="flex-1" />
            <div className='flex items-center gap-20'>
                <div className='text-xl text-primary cursor-pointer'>
                    关联检索
                </div>
                <div className='text-xl cursor-pointer'>
                    知识应用
                </div>
                <div className='text-xl cursor-pointer flex gap-1'>
                    <UserOutlined style={{ color: '#34b7b9' }}/>
                    <span>
                        模拟用户
                    </span>
                </div>
            </div>
        </div>
    )
}